<template>
  <div class="flash-light"></div>
</template>

<script>
export default {

}
</script>

<style lang="less">
@unit: 14px;
.flash-light {
  overflow: hidden;
  width: @unit;
  height: @unit;
  background-color: #69C13D;
  position: relative;
  border-radius: 50%;
  animation: warn 1.5s ease-out 0s infinite;
}

@keyframes warn {
  0% {
    background-color: #69C13D;
    opacity: 0.6;
  }

  50% {
    background-color: #1e90ff;
    opacity: 1;
  }

  100% {
    background-color: #69C13D;
    opacity: 0.6;
  }
}
</style>
